﻿<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"/></script>
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/17-content-code/mbt-slider-0-01-jis.js" type="text/javascript"/></script>
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/17-content-code/mbt-slider-0-02-jis.js" type="text/javascript"/></script>
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/17-content-code/mbt-slider-0-03-jis.js" type="text/javascript"/></script>
<script type="text/javascript">
/* <![CDATA[ */
jQuery.noConflict();
jQuery(function(){ 
jQuery('ul.menu-primary').superfish({ 
animation: {opacity:'show'},
autoArrows: true,
dropShadows: false, 
speed: 200,
delay: 800
});
});

jQuery(function(){ 
jQuery('ul.menu-secondary').superfish({ 
animation: {opacity:'show'},
autoArrows: true,
dropShadows: false, 
speed: 200,
delay: 800
});
});

jQuery(document).ready(function() {
jQuery('.fp-slides').cycle({
fx: 'fade',
timeout: 4000,
delay: 0,
speed: 1000,
next: '.fp-next',
prev: '.fp-prev',
pager: '.fp-pager',
continuous: 0,
sync: 1,
pause: 1,
pauseOnPagerHover: 1,
cleartype: true,
cleartypeNoBg: true
});
});

/* ]]> */

</script>
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>
<style type="text/css">
.featuredposts{border:1px solid #E9E7DE;width:608px;background:#FFF;margin:0 0 10px 0;height:400px;overflow:hidden;} 
.fp-slides{} 
.fp-post{padding:13px;} 
.fp-thumbnail{border:3px solid #dddddd; width:580px;height:266px;margin-bottom:10px;overflow:hidden;} 
.fp-thumbnail:hover{border:3px solid #CAC9C9; width:580px;height:266px;margin-bottom:10px;overflow:hidden;} 
.fp-title{color:#787878;font:bold 14px Arial, Helvetica, Sans-serif;padding:0 0 4px 0;margin:0; text-transform:uppercase;} 
.fp-title a{color:#000;text-decoration:none;} 
.fp-title a:hover{color:#0080fF;text-decoration:none;} 
.fp-label{color:#504D4D;margin:15px 15px 0 15px;padding:0;text-transform:uppercase;font:bold 16px/16px Arial,Helvetica,Sans-serif;} 
.fp-post p{color:#504D4D;padding:0;margin:0;font:10px Arial,Helvetica,Sans-serif;height:32px;overflow:hidden;} 
.fp-more,.fp-more:hover{color:#F77C04;font-weight:bold;} 
.fp-nav{width:590px;padding:0px 10px;height:14px;} 
.fp-pager a{background-image:url(http://2.bp.blogspot.com/-v3W9gCwnf4U/Tythw36ZkjI/AAAAAAAAAN8/WRB0morWYQM/s1600/featured-pager-24work-1.png);cursor:pointer;margin:3px 6px 0 0;padding:0;height:10px;width:10px;display:block;float:left;overflow:hidden;text-indent:-999px;background-position:0 0;} 
.fp-pager a:hover,.fp-pager a.activeSlide{text-decoration:none;background-position:0 -110px;} 
.fp-prev{float:right;margin-right:4px;width:15px;height:17px;opacity:0.7;background:url(http://1.bp.blogspot.com/-6ahEuAYHbEc/Tythvwy8nSI/AAAAAAAAANw/j5C2XRRPmvU/s1600/featured-prev-24work-1.png) top left no-repeat;} 
.fp-prev:hover{opacity:1;} 
.fp-prev:active{opacity:0.7;} 
.fp-next{float:right;width:15px;height:17px;margin-left:4px;opacity:0.7;background:url(http://2.bp.blogspot.com/-oXQ8F_kSdS8/TythwUH4SrI/AAAAAAAAAN0/gc8pc6_1SlY/s1600/featured-next-24work-1.png;) top left no-repeat} 
.fp-next:hover{opacity:1;} 
.fp-next:active{opacity:0.7;}
</style>



<h3>» jQuery Image Slider For Blogger / Blogspot</h3>



<div class="featuredposts clearfix">
<div class="fp-slides">
<div class="fp-post"> 
<div class="fp-thumbnail"><a href="http://24work.blogspot.com/2012/01/how-to-change-mouse-cursor-in-blogger.html" target="_blank"><img alt="How to change mouse cursor in blogger blog to animated cursors" width="580" src="http://2.bp.blogspot.com/-Y9C1kavbpBQ/UhsGgU4g8vI/AAAAAAAABJk/SyI40OvYfo4/s1600/How+to+change+mouse+cursor+in+blogger+blog+to+animated+cursors.png" height="266"/></a></div>
<h3 class="fp-title"><a href='http://24work.blogspot.com/2012/01/how-to-change-mouse-cursor-in-blogger.html' target='_blank'>How to change mouse cursor in blogger blog to animated cursors</a></h3> <p> How to change mouse cursor in blogger blog to animated cursors.One of the best way to add extra fun to your </p> 
</div>
<div class="fp-post"> 
<div class="fp-thumbnail"><a href="http://24work.blogspot.com/2012/01/numbered-page-navigation-for-blogger.html" target="_blank"><img alt="Numbered Page Navigation For Blogger New Script" width="580" src="http://4.bp.blogspot.com/-7VVQZWZSIyY/UhsJRPL2X4I/AAAAAAAABJ4/F2q5GIjrRzA/s1600/Numbered+Page+Navigation+For+Blogger+New+Script.png" height="266"/></a></div>
<h3 class="fp-title"><a href='http://24work.blogspot.com/2012/01/numbered-page-navigation-for-blogger.html' target='_blank'>Numbered Page Navigation For Blogger New Script</a></h3> <p> Today we will see how to add a nice page number navigation hack blogger. The default navigation links (i.e Older Posts) is not the friendly visitor </p> 
</div>
<div class="fp-post"> 
<div class="fp-thumbnail"><a href="http://24work.blogspot.com/2011/12/how-to-add-snow-effect-on-blogger-mouse.html" target="_blank"><img alt="How To Add Snow Effect On The Blogger Mouse Cursor Area" width="580" src="http://4.bp.blogspot.com/-gIUZJEYkJz0/UhtVPXnTPpI/AAAAAAAABKQ/lxfB6wI6GJQ/s1600/How+To+Add+Snow+Effect+On+The+Blogger+Mouse+Cursor+Area.png" height="266"/></a></div>
<h3 class="fp-title"><a href='http://24work.blogspot.com/2011/12/how-to-add-snow-effect-on-blogger-mouse.html' target='_blank'>How To Add Snow Effect On The Blogger Mouse Cursor Area</a></h3> <p> How to change mouse cursor in blogger blog to animated cursors.One of the best way to add extra fun to your blog is, changing mouse cursor on your blog. </p> 
</div>
<div class="fp-post"> 
<div class="fp-thumbnail"><a href="http://24work.blogspot.com/2012/01/falling-objects-falling-text-marquee.html" target="_blank"><img alt="Falling Objects / Falling Text / Marquee Scrolling Text Generator for Blogger" width="580" src="http://4.bp.blogspot.com/-uPng9qokTSQ/UhtXcrC3koI/AAAAAAAABKc/LuwA-MwlqvI/s1600/Falling+Objects++Falling+Text++Marquee+Scrolling+Text+Generator+for+Blogger.png" height="266"/></a></div>
<h3 class="fp-title"><a href='http://24work.blogspot.com/2012/01/falling-objects-falling-text-marquee.html' target='_blank'>Falling Objects / Falling Text / Marquee Scrolling Text Generator for Blogger</a></h3> <p> You can show the falling objects or graphics to your Blogger profile page. This generator falling objects to specify an image of your choice. </p> 
</div>
<div class="fp-post"> 
<div class="fp-thumbnail"><a href="http://24work.blogspot.com/2011/12/how-to-add-animated-flash-clock-to-your.html" target="_blank"><img alt="How To Add Animated Flash Clock To Your Blogger Blog" width="580" src="http://4.bp.blogspot.com/-yGyAb5QH36Q/UhtamdVBndI/AAAAAAAABKw/Wath3NPYpyQ/s1600/How+To+Add+Animated+Flash+Clock+To+Your+Blogger+Blog.png" height="266"/></a></div>
<h3 class="fp-title"><a href='http://24work.blogspot.com/2011/12/how-to-add-animated-flash-clock-to-your.html' target='_blank'>How To Add Animated Flash Clock To Your Blogger Blog</a></h3> <p> Hello! `How are you guys? here's the cool Clock.this tutorial will show you how to Add animated flash clock gadget your Blogger blog. </p> 
</div>
</div>
<div class="fp-nav clearfix">
<span class="fp-pager"></span>
<a class="fp-next" href="#fp-next"></a>
<a class="fp-prev" href="#fp-prev"></a>

</div>
</div>